<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>layui</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../assets/layui/layui-v2.5.4/css/layui.css"  media="all">
	<link rel="stylesheet" href="../assets/css/pages-css/guestDetail.css"  media="all">
</head>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<body>

<!--表格序号模板-->
<script type="text/html" id="sortNumber">
	{{d.LAY_TABLE_INDEX+1}}
</script>

<div class="layui-container">
	<div class="layui-fluid">
	<div id="firstBox"class="layui-row">
	
		<div id="secondBox" class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
		
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			  <legend>会员详情</legend>
			</fieldset>   
			
			<div style="padding: 1%; background-color: #F2F2F2;">
			<!--第一行-->
		  	<div class="layui-row layui-col-space15">
			  	<!--个人信息-->
			    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">
			      <div class="layui-card">
			        <div class="layui-card-header">微信昵称/手机</div>
				        <div class="layui-row">
				        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        		<div id="panel1" class="layui-card-body">
						          <span id="wechatname"></span></br>
						          <span id="phone"></span>
						        </div>
				        	</div>
				        </div>
			      </div>
			    </div>
			    
			    <!--积分-->
			    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">
			      <div class="layui-card">
			        <div class="layui-card-header">积分</div>
				        <div class="layui-row">
				        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        		<div id="panel2" class="layui-card-body">
						          <span id="integral"></span>
						        </div>
				        	</div>
				        </div>
			      </div>
			    </div>
			    
			    <!--余额-->
			    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">
			      <div class="layui-card">
			        <div class="layui-card-header">余额</div>
			        <div class="layui-row">
			        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
			        		<div id="panel3" class="layui-card-body">
					          <span id="balance"></span>
					        </div>
		        		</div>
			        </div>
			      </div>
			    </div>
			  
			</div> 
			
		  	<!--第二行-->
		  	<div class="layui-row layui-col-space15">
		  	
			    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 layui-col-lg3">
			      <div class="layui-card">
			        <div class="layui-card-header">订单总计</div>
			        <div class="layui-row">
			        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        	<div id="panel4" class="layui-card-body">
					          <span id="totalOrders"></span>
					        </div>
			        	</div>
				    </div>
			      </div>
			    </div>
			    
			    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 layui-col-lg3">
			      <div class="layui-card">
			        <div class="layui-card-header">消费总金额</div>
			        <div class="layui-row">
			        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        	<div id="panel5" class="layui-card-body">
					          <span id="totalCost"></span>
					        </div>
			        	</div>
				    </div>
			      </div>
			    </div>
			    
			    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 layui-col-lg3">
			      <div class="layui-card">
			        <div class="layui-card-header">本月订单</div>
			        <div class="layui-row">
			        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        	<div id="panel6" class="layui-card-body">
					          <span id="currentMonthOrders"></span>
					        </div>
			        	</div>
				    </div>
			      </div>
			    </div>
			    
			    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 layui-col-lg3">
		      <div class="layui-card">
		        <div class="layui-card-header">本月消费金额</div>
		        <div class="layui-row">
		        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
				        <div id="panel7" class="layui-card-body">
				          <span id="currentMonthCost"></span>
				        </div>
		        	</div>
			    </div>
		      </div>
		    </div>
		  	
		  	</div>
			
			<!--第三行-->
			<div id="thirdBox" class="layui-row layui-col-space15">
			    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
			    	<div class="layui-col-md12">
				      <div id="fourthBox" class="layui-card">
				        <div class="layui-card-header">其他记录</div>
				        <div class="layui-row">
				        	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
					        	<div class="layui-card-body">
						          	
						          	<div class="layui-tab layui-tab-card" lay-filter="otherInfos">
									  <ul class="layui-tab-title">
									    <li id="liOne"class="layui-this">余额流向</li>
									    <li id="liTwo">上级用户</li>
									    <li id="liThree">一级下线</li>
									    <li id="liFour">二级下线</li>
									  </ul>
									  <div id="fifthBox" class="layui-tab-content">
									    <div id="sixthBox" class="layui-tab-item layui-show">
									    	<!--资金流向数据表格-->
									      <table class="layui-hide" id="fundFlowTable"></table>
									    </div>
									    <div class="layui-tab-item">暂无数据</div>
									    <div class="layui-tab-item">暂无数据</div>
									    <div class="layui-tab-item">暂无数据</div>
									  </div>
									</div>
						          	
						          	
						        </div>
				        	</div>
					    </div>
				      </div>
				    </div>
			    </div>
			</div>
			
		</div>
	</div>
	</div>
</div>

<script src="../assets/layui/layui-v2.5.4/layui.js" charset="utf-8"></script>
<script src="../assets/js/pages-js/guestDetail.js" charset="utf-8"></script>
<script>
layui.use(['element', 'layer'], function(){
  var element = layui.element;
  var layer = layui.layer;
});
</script>
</body>
</html>